<template>
  <div class="box">
    <header class="header">
      <van-search v-model="value" show-action placeholder="韩版新款连衣裙">
        <template #left>
          <van-icon name="bars" size="30"  @click="$router.push('/kind')"/>
        </template>
        <template #action>
          <van-icon name="chat-o" size="30" />
        </template>
      </van-search>
    </header>
    <div class="content">
      <van-grid :gutter="10" :column-num="5">
        <van-grid-item :icon="require('../../assets/a1.jpg')" text="女装" />
        <van-grid-item :icon="require('../../assets/a2.jpg')" text="女鞋" />
        <van-grid-item :icon="require('../../assets/a3.jpg')" text="上衣" />
        <van-grid-item :icon="require('../../assets/a4.jpg')" text="美妆" />
        <van-grid-item :icon="require('../../assets/a5.jpg')" text="裤子" />
        <van-grid-item :icon="require('../../assets/a6.jpg')" text="母婴" />
        <van-grid-item :icon="require('../../assets/a7.jpg')" text="裙子" />
        <van-grid-item :icon="require('../../assets/a8.jpg')" text="男装" />
        <van-grid-item :icon="require('../../assets/a9.jpg')" text="套装" />
        <van-grid-item :icon="require('../../assets/a10.jpg')" text="配饰" />
      </van-grid>
      <ProList></ProList>
    </div>
  </div>
</template>
<script setup>
import request from '@/utlis/request.js'
import ProList from './components/ProList.vue'
</script>